<!DOCTYPE HTML>
<html>
<head>
    <include file="Public/head"/>
    <link href="__CSS__/center.css" type="text/css" rel="stylesheet">
    <link href="__CSS__/usercenter.css" rel="stylesheet" type="text/css"/> 
</head>
<body>
<php>
    $sideBarUser = query_user(array('nickname', 'uid', 'title', 'score', 'avatar128'), $uid);
    $call = $call ? $call : L('_I_');
</php>
<!-- 主体 -->
<block name="header">
    <include file="Public/header"/>
    <div class="main-wrapper">
        <div id="main-container" class="container user-config">
            <div class="row">
            	<div class="col-xs-12 usercenter">
			        <div class="uc">
			            <include file="Public/_top"/>
			        </div>
		        </div>
		        <div class="clearfix"></div>
                <div class="col-xs-3" style="width: 290px">
                    <div>
                        <nav class="menu" data-toggle="menu">
                            <ul class="nav nav-primary side-menu">
                                <li id="side_message">
				                    <a href="{:U('Ucenter/Message/message')}">
				                        {:L('_MESSAGE_CENTER_')}
				                    </a>
				                </li>
				                <li id="side_collection">
				                    <a href="{:U('Ucenter/Collection/index')}">
				                        {:L('_MY_FAVORITES_')}
				                    </a>
				                </li>
                            </ul>
                        </nav>
                        <script>
		                    $('#side_' + "{$tabHash}").addClass('active');
		                </script>
                    </div>
                </div>
                <div class="col-xs-9" style="width: 730px">
                    <div id="usercenter-content-td ">
                        <div class="container-fluid common_block_border" style="font-size:12px;">
                            <block name="body"></block>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $(window).resize(function () {
                $("#main-container").css("min-height", $(window).height() - 343);
            }).resize();
        })
    </script>
</block>
<!-- /主体 -->

<!-- 底部 -->
<include file="Public/footer"/>
<script>
    $(function () {
        var $sidebar = $('#usercenter-sidebar-td');
        var $sidebar_xs = $('#usercenter-sidebar-xs');
        var $sidebar_sm = $('#usercenter-sidebar-sm');
        var $content = $('#usercenter-content-td');

        function trigger_resp() {
            var width = $(window).width();
            if (width < 768) {
                on_xs();
            } else {
                on_sm();
            }
        }

        function on_xs() {
            $sidebar_xs.append($sidebar);
            $content.css({'padding-left': 0, 'padding-right': 0});
        }

        function on_sm() {
            $sidebar_sm.prepend($sidebar);
            $content.css({'padding-left': '50px', 'padding-right': '50px'});
        }

        trigger_resp();

        $(window).resize(function () {
            trigger_resp();
        })
    })
</script>

</body>
</html>
